<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-searchbar mode='ios'></ion-searchbar>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <div>
    <ion-slides pager="true" #slide (ionSlideTouchEnd)="slideDidChange()">
      <ion-slide>
        <img src="http://10.84.111.205:21021/browse/UploadFile\aaa/111.jpg" />
      </ion-slide>
      <ion-slide>
        <img src="http://10.84.111.205:21021/browse/UploadFile\aaa/222.jpg" />
      </ion-slide>
      <ion-slide>
        <img src="http://10.84.111.205:21021/browse/UploadFile\aaa/333.jpg" />
      </ion-slide>
    </ion-slides>
  </div>
  <ion-grid class="widgets">
    <ion-row>
      <ion-col size='3' class="ion-text-center">
        <ion-icon [routerLink]="['vsinfo']" [routerLinkActive]="['active']" name="american-football-outline">

        </ion-icon>
        <ion-text class="quick-bind">
          <h6 class="quick-bind-inner" [routerLink]="['vsinfo']">熱門課程</h6>
        </ion-text>

      </ion-col>
    </ion-row>

  </ion-grid>





  <ion-list>
    <ion-card>
      <ion-item>




        <ion-thumbnail slot="end" class="cardListNav">
          <video #video1 src="http://10.84.111.205:21021/browse/UploadFile\aaa/中國.mp4" loop="loop" height="40px" width="60px"
            controls="controls"></video>
        </ion-thumbnail>


        <ion-note  class="cardListTitle">
          重點課程請點擊右側導航按鈕

        </ion-note>

        <ion-note slot="end" [routerLink]="['vsView',video1.src,'aaa.mp4']"   class="cardListTitle">更多<ion-icon [routerLink]="['vsView',video1.src,'bbb.mp4']" 
          name="chevron-forward-outline"></ion-icon> </ion-note>



      </ion-item>


    </ion-card>
  </ion-list>



</ion-content>